<template>
    <div class="px-8">
        <customSelect v-model="selected" :options="options"></customSelect>
        <iframe src="http://10.21.19.179:8000/front/front/#/login?sourcePath=%2F" frameborder="0"></iframe>
    </div>
</template>

<script>
import { OP_TYPE_CD } from "@constants";
import { formItemMap, formatDate } from "@utils";
import service from "@service";
import _ from "lodash";
import customSelect from '@/components/customSelect.vue';

export default {
    name: "test1",
    components: {customSelect},
    props: {
        value: {
            type: Object,
        }
    },
    data() {
        return {
            selected: {
                key1: '',
                key2: '',
                key3: ''
            },
            options: [
                {
                    key: 'key1',
                    options: [
                        {key: '1', label: 'label1'},
                        {key: '2', label: 'label2'},
                    ]
                },
                {
                    key: 'key2',
                    options: [
                        {key: '3', label: 'label3'},
                        {key: '4', label: 'label4'},
                        {key: '5', label: 'label5'},
                        {key: '6', label: 'label6'},
                        {key: '7', label: 'label7'},
                        {key: '8', label: 'label8'},
                        {key: '23', label: 'label3'},
                        {key: '24', label: 'label4'},
                    ]
                },
                {
                    key: 'key3',
                    options: [
                        {key: '23', label: 'label3'},
                        {key: '24', label: 'label4'},
                    ]
                }
            ],
        };
    },
    watch: {},
    computed: {
    },
    mounted() {},
    methods: {
        onSelectChange(...rest){
            console.log(rest, "---onSelectChange--")
        },
        onCheckChange(...rest) {
            console.log(rest, "---onCheckChange--")

        }
    },
};
</script>
<style lang="scss">
.custom_select_pop {
    .el-select-dropdown__list {
        display: flex;
    }
}

</style>
